import { Component } from 'vue-facing-decorator'
import Render from '@/render/Render'
import toNative from '@/utils/toNative'
import type { ComponentPublicInstance } from 'vue'

@Component
export class CustomTitle extends Render {
    render(data: ComponentPublicInstance) {
        return <div class="text-base font-bold py-9px bg-black-400 text-bold border-l-3 border-l-solid px-13px border-l-blue-100">
            {data.$slots.default?.()}
        </div>
    }
}

export default toNative<{}, {}>(CustomTitle)